<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>
        {php}echo config('lang.company_title');{/php} -
        {php}echo config('lang.services');{/php}
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <link href="css/fontawesome-all.css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>

<body>
    <div class="main-sec" id="home">
        {include file="header" /}
        <!--//header-->
    </div>
    <!-- banner-text -->
    <!-- banner-inner -->
    <div class="banner-inner">
        <ol class="breadcrumb justify-content-center">
            <li class="breadcrumb-item">
                <a href="/">
                    {php}echo config('lang.home'){/php}
                </a>
            </li>
            <li class="breadcrumb-item active">
                {php}echo config('lang.services'){/php}
            </li>
        </ol>
    </div>
    <!--// banner-inner -->
    <!--/wthree-banner-bottom-->
    <section class="wthree-banner-bottom py-lg-5 py-3 text-center">
        <div class="container py-lg-4 py-3">
            <h3 class="tittle text-center mb-lg-4 mb-3">
                <span>
                    {php}echo config('lang.we_do');{/php}
                </span>
                {php}echo config('lang.services');{/php}
            </h3>
            <p class="para my-4">
                {php}echo config('lang.our_services_0');{/php}
            </p>
            <div class="about-info mt-lg-5 mt-3">
                <div class="row">
                    <div class="col-lg-6 ab-imgs">
                        <div class="row ab-inner-img">
                            <div class="col-md-6 ab-one">
                                <img src="images/ab1.jpg" class="img-fluid" alt="">
                            </div>
                            <div class="col-md-6 ab-one">
                                <img src="images/ab2.jpg" class="img-fluid" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 ab-info text-left">
                        <div class="row ab-text-con">
                            <div class="col-sm-6 ab-grid">
                                <div class="card">
                                    <div class="card-body">
                                        <i class="fas fa-paperclip"></i>
                                        <h5 class="card-title">
                                            {php}echo config('lang.our_services_1');{/php}
                                        </h5>
                                        <p class="card-text">
                                            {php}echo config('lang.our_services_1_0');{/php}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 ab-grid">
                                <div class="card">
                                    <div class="card-body">
                                        <i class="fas fa-compress"></i>
                                        <h5 class="card-title">
                                            {php}echo config('lang.our_services_2');{/php}
                                        </h5>
                                        <p class="card-text">
                                            {php}echo config('lang.our_services_2_0');{/php}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 ab-grid mt-4">
                                <div class="card">
                                    <div class="card-body">
                                        <i class="fas fa-pencil-alt"></i>
                                        <h5 class="card-title">
                                            {php}echo config('lang.our_services_3');{/php}
                                        </h5>
                                        <p class="card-text">
                                            {php}echo config('lang.our_services_3_0');{/php}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 ab-grid mt-4">
                                <div class="card">
                                    <div class="card-body">
                                        <i class="far fa-building"></i>
                                        <h5 class="card-title">
                                            {php}echo config('lang.our_services_4');{/php}
                                        </h5>
                                        <p class="card-text">
                                            {php}echo config('lang.our_services_4_0');{/php}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--//wthree-banner-bottom-->

    <!--/choose-main-->
    <section class="wthree-banner-bottom bg-light py-md-5 py-3">
        <div class="container">
            <div class="w3ls-inner-sec py-md-5 py-3">
                <h3 class="tittle text-center mb-lg-5 mb-3">
                    <span>
                        {php}echo config('lang.visit');{/php}
                    </span>
                    {php}echo config('lang.effect_picture');{/php}
                </h3>
                <div class="row choose-main ">
                    <div class="col-lg-6 galsses-grid-right">
                        <h4 class="post my-3">
                            {php}echo config('lang.effect_picture_0');{/php}
                        </h4>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut consectetur adipisicing elit sedc labore et dolore magna aliqua uta enim ad minim.. </p>

                    </div>
                    <div class="col-lg-6 galsses-grid-right">
                        <div class="galsses-grid-left">
                            <figure class="effect-lexi">
                                <img src="images/p2.jpg" alt="" class="img-fluid">
                                <figcaption>
                                    <h3>
                                        {php}echo config('lang.effect_picture_0_2');{/php}
                                    </h3>
                                    <p>
                                        {php}echo config('lang.effect_picture_0_3');{/php}
                                    </p>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--//choose-main-->
    <!--/stats-->
    <section class="page-section py-lg-5 py-3">
        <div class="container-fluid">
            <div class="w3ls-inner-sec p-lg-4 p-3">
                <h3 class="tittle text-center mb-lg-5 mb-3">
                    <span>
                        {php}echo config('lang.visit');{/php}
                    </span>
                    Our Stats
                </h3>
                <div class="stats row">
                    <div class="col-md-3 stats_left counter_grid text-center">
                        <i class="far fa-building"></i>
                        <p class="counter">145</p>
                        <h4>Branches</h4>
                    </div>
                    <div class="col-md-3 stats_left counter_grid1 text-center">
                        <i class="fa fa-user" aria-hidden="true"></i>
                        <p class="counter">165</p>
                        <h4>Agents</h4>
                    </div>
                    <div class="col-md-3 stats_left counter_grid2 text-center">
                        <i class="fas fa-home"></i>
                        <p class="counter">563</p>
                        <h4>Villas</h4>
                    </div>
                    <div class="col-md-3 stats_left counter_grid3 text-center">
                        <i class="fa fa-smile-o" aria-hidden="true"></i>
                        <p class="counter">1045</p>
                        <h4>Happy Clients</h4>
                    </div>

                </div>

            </div>
        </div>
    </section>
    <!--//stats-->
    <!--/offer-->
    <section class="wthree-banner-bottom py-lg-5 py-3 text-center">
        <div class="container py-lg-4 py-3">
            <h3 class="tittle text-center mb-lg-5 mb-3">
                <span>What we Offer</span>Featured Services</h3>
            <div class="row mt-5">
                <div class="col-lg-4 terms-main text-center">
                    <div class="terms-in text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="fab fa-react"></i>
                                <h5 class="card-title">Master Plans</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 terms-main text-center">
                    <div class="terms-in one text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="fab fa-strava"></i>
                                <h5 class="card-title">Architecture</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 terms-main text-center">
                    <div class="terms-in two text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="fas fa-globe"></i>
                                <h5 class="card-title">Landscaping</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 terms-main text-center mt-4">
                    <div class="terms-in thd text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="fas fa-home"></i>
                                <h5 class="card-title">Interior</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 terms-main text-center mt-4">
                    <div class="terms-in fourth text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="far fa-building"></i>
                                <h5 class="card-title">Contruction</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 terms-main text-center mt-4">
                    <div class="terms-in fifth text-center rounded">
                        <div class="card">
                            <div class="card-body">
                                <i class="fas fa-umbrella"></i>
                                <h5 class="card-title">Urban Designs</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--//offer-->
    <!--footer -->
    {include file="footer" /}
    <!-- //Custom-JavaScript-File-Links -->
    <!-- js -->
    <script src="js/jquery-2.2.3.min.js"></script>
    <!--slider-->
    <!-- dropdown nav -->
    <script>
        $(document).ready(function() {
            $(".dropdown").hover(
                function() {
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function() {
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                    $(this).toggleClass('open');
                }
            );
        });
    </script>
    <!-- //dropdown nav -->
    <!-- stats -->
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.countup.js"></script>
    <script>
        $('.counter').countUp();
    </script>
    <!-- //stats -->
    <!-- //js -->
    <script src="js/bootstrap.js"></script>
    <!--/ start-smoth-scrolling -->
    <script src="js/move-top.js"></script>
    <script src="js/easing.js"></script>
    <script>
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 900);
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            /*
            						var defaults = {
            							  containerID: 'toTop', // fading element id
            							containerHoverID: 'toTopHover', // fading element hover id
            							scrollSpeed: 1200,
            							easingType: 'linear' 
            						 };
            						*/

            $().UItoTop({
                easingType: 'easeOutQuart'
            });

        });
    </script>
    <!--// end-smoth-scrolling -->
</body>

</html>